<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script src="/js/tools.js"></script>
 <link rel="stylesheet" href="/css/longin.css">
 
</head>
<body>
  <div class="table">
    <div class="table-abc">
        <h2>欢迎登录</h2>
         <span class="yonghu">用户名：<input type="text" id="username" class="username"></span>
       <span class="mima">  密码：<input type="password" id="password" class="password"></span>
        <span class="qitian"><input type="checkbox" id="free"> 7天免登录</span>
        <span class="deng"><button id="btn">登录</button>
       <button type="reset" id="bbtn">取消</button>
       <span class="zhuce"><a href="/html/longinner.html">忘记密码怎么办/还未注册？ > 注册</a></span>
        </span>
     </div>
   </div>
    <script>
      var usernameInput = document.querySelector('#username')
      var passwordInput = document.querySelector('#password')
      var btn = document.querySelector('#btn')
      var free = document.querySelector('#free')
      btn.onclick = function () {
        var username = usernameInput.value;
        var password = passwordInput.value;
        // btn.onclick=function(){
        //   if(username.value==''){
        //     alert('用户名不能为空')
        //     return
        //   }
        //   if(usernameInput.value=='/^[\u4e00-\u9fa5a-zA-Z0-9]{2,10}$/'){

        //   }else{
        //     alert('用户名不能为数字')
        //     return
        //   }
        // }
        // 拿输入的用户名密码跟localStorage存的用户名密码去比对，只要有一条相等，就登录成功
        var userList = localStorage.getItem('userList')
        if (userList) {
          // 已经有注册过的用户了
          userList = JSON.parse(userList)
          // 查找相同的用户名和密码
          var isExist = userList.some(userInfo => {
            return userInfo.username === username && userInfo.password === password
          })
          if (isExist) {
            // 登录成功
            // 用户信息本地存储
            var userInfo = { username, password }
            if (free.checked) {
              // 7天过期
              tools.setCookie('userInfo', JSON.stringify(userInfo), { expires: 7, path: '/' })
            } else {
              tools.setCookie('userInfo', JSON.stringify(userInfo), { path: '/' })
            }
            alert('登录成功，即将跳转首页')
            window.open('/index.html')
          } else {
            alert('用户名或密码错误，请重试')
          }
        } else {
          // 没有用户数据
          alert('没有用户信息，请先注册，即跳转注册页面')
          window.location.replace('/html/longinner.html')
        }
      }
    </script>
</body>
<script src="/libs/require/require.min.js" ></script>
</html>